<template>
    <div>
        <!-- 调查问卷 -->
        <div class="dc">
            <div v-for="(value,index) in matt" :key="index">
                <p>
                   {{index+1}}. {{ matt[index] }}
                </p>
                <input type="radio" v-for="(va,ind) in an[index]" :key="ind+'888'">
                <span v-for="(_val,_ind) in an[index]" :key="_ind">
                    {{an[index][_ind]}}
                </span>
                <hr>
            </div>
        </div> 
    </div>
</template>
<script>
export default {
    data(){
        return{
            matt:["您所在年龄段","性别","您所在社区是否有健身器材","健身器材是在室内还是室外","您会经常使用这些健身器材吗","您所在的社区居委会是否组织参加体育健身活动","您所在的社区是否有体育知识，科学健身方面的讲座，宣传","您是否需要公共体育服务","您的受教育程度","您对自己所居住的社区的公共服务配套设施情况的看法：","如果您居住周边的中小学操场能免费对外开放，您会经常使用吗？"],
            an:[
                ["A.18岁以下","B.18-35岁","C.36-45岁","D.46-60岁"],
                ["A男","B女"],
                ["A0次", " B1-2次",  " C3-4次"   ,"D5-6次",  "E7次及7次以上04."],
                ['A有', ' B无',  'C 少量',' D 多组',' E不清楚'],
                ['A室内','B室外且露天','C室外且有遮阳棚',' D混合都有',' E不清楚'],
                ['A总是 ','B经常',' C偶尔 ', 'D不一定','E从来也不'],
                ['A总是 ','B经常',' C偶尔 ', 'D不一定','E从来也不'],
                ['A总是 ','B经常',' C偶尔 ', 'D不一定','E从来也不'],
                ['A十分需要','B需要','C一般','D说不清','E不需要'],
                ['A篮球场','B乒乓球台','C游泳池','D健身路径','E其他' ,'F没有'],
                ["A经常使用","B偶尔使用","C","D不经常使用","E从不使用"]

            ]
        }
    }
}
</script>
<style scoped>
.dc {
    width: 80%;
    margin: auto;
}
.dc div{
    margin-bottom: 15px;    
}
.dc div hr {
    margin-top: 15px;
}
.dc div p{
    font-size: 37px;

}
.dc div input {
    font-size: 15px;
    width:15px;
    height: 15px;
}
.dc div span {
    font-size: 25px;
}
</style>